<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>麦乐购index</title>
    <link rel="stylesheet" href="css/reset.css">
    <script src="辅助资料/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
</head>
<body>
<div id="top-wrapper">
    <img src="image/首页图片/top.jpg" alt=""> <span>关闭</span>
</div>
<div id="nav-wrapper">
    <div class="nav">
        <ul class="left">
            <li>
                <a href="#">
                    <span class="ico1"></span>麦乐购首页
                </a>
            </li>
            <li>
                <a href="#"> 请登录</a>
            </li>
            <li>
                <a href="#" style="color:red">免费注册</a>
            </li>
            <li>
                <span>其它登录方式：</span>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </li>
            <li>
                <span>联系客服:400-666-6600</span>
            </li>
        </ul>


        <div class="nav-right">
            <ul class="right-list">
                <li class="list1">
                    <ol>
                        <li>
                            <a href="#">我的麦乐购 <span></span></a>
                        </li>
                        <li>
                            <a href="#">我的订单</a>
                        </li>
                        <li>
                            <a href="#">我的账号</a>
                        </li>
                        <li>
                            <a href="#">麦豆兑换</a>
                        </li>
                        <li>
                            <a href="#">我的优惠券</a>
                        </li>
                        <li>
                            <a href="#">我的收藏</a>
                        </li>
                    </ol>
                </li>
                <li>
                    <a href=""><span></span>收藏麦乐购</a>
                </li>
                <li>
                    <a href="">妈妈推广计划</a>
                </li>
                <li class="img">
                    <a href=""><span></span>手机麦乐购</a>
                    <img src="image/首页图片/nav1.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>
</div>

<!--导航搜索开始-->
<div id="nav-bot">

    <div id="logo-left">
        <h1>
            <a href="#">
                <img src="image/首页图片/logo.jpg" alt="">
            </a>
        </h1>
    </div>


    <div id="search">
        <div class="search-top">
            <input type="text" value=" 请输入商品名称支持拼音"> <span>搜索</span>
        </div>
        <div class="search-bot">
            <ul>
                <li> 热门关键词:</li>
                <li>
                    <a href="#">防晒</a>
                </li>
                <li>
                    <a href="#">牛栏</a>
                </li>
                <li>
                    <a href="#">花王</a>
                </li>
                <li>
                    <a href="#">美素</a>
                </li>
                <li>
                    <a href="#">爱他美</a>
                </li>
                <li>
                    <a href="#">karicare</a>
                </li>
                <li>
                    <a href="#">喜宝</a>
                </li>
                <li>
                    <a href="#">swisse</a>
                </li>
            </ul>
        </div>
    </div>

    <div id="logo-right">
        <a href="3">
            <img src="image/首页图片/headerR.jpg" alt="">
        </a>
    </div>
</div>

<!--banner部分开始动画背景图片变化-->

<div id="banner-wrapper">
    <div class="list-top">全部商品分类</div>
    <div class="list-bot">
        <ul>

        </ul>
    </div>


    <div class="nav1">
        <span class="sp"></span>
        <ul id="move">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">进口奶粉</a>
            </li>
            <li>
                <a href="#">发现好货</a>
            </li>
            <li>
                <a href="#">整点抢</a>
            </li>
            <li>
                <a href="#">海外直邮</a>
            </li>
            <li>
                <a href="#">国家馆</a>
            </li>
        </ul>
    </div>


    <div id="banner-right" >
        <a href="#"><span></span>去购物车结算</a>
        <img src="image/首页图片/首页图%20(10).jpg" alt="">
        <img src="image/首页图片/首页图%20(10).jpg" alt="">
        <img src="image/首页图片/首页图%20(10).jpg" alt="">
    </div>
</div>

<!--整点抢-->
<div id="timeTip">
    <div class="time-top"></div>
    <div class="time-center"></div>
    <div class="time-bot"></div>
</div>


</body>
</html>






